<?php
/*------------------------------------------------------------------------

# TZ Portfolio Extension

# ------------------------------------------------------------------------

# author    TranLamTemPlaza

# copyright Copyright (C) 2012 templaza.com. All Rights Reserved.

# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

# Websites: http://www.templaza.com

# Technical Support:  Forum - http://templaza.com/Forum

-------------------------------------------------------------------------*/

defined('_JEXEC') or die;
$doc = JFactory::getDocument();
$doc->addStyleSheet('modules/mod_tz_teaser_slide/css/style.css');
$doc->addStyleSheet('modules/mod_tz_teaser_slide/showbizpro/css/settings.css');
$doc->addStyleSheet('modules/mod_tz_teaser_slide/showbizpro/fancybox/jquery.fancybox.css?v=2.1.3');
$doc->addScript('modules/mod_tz_teaser_slide/showbizpro/js/jquery.themepunch.showbizpro.min.js');
$doc->addScript('modules/mod_tz_teaser_slide/showbizpro/fancybox/jquery.fancybox.pack.js?v=2.1.3');

?>

<!-- THE CONTENT // DEMOS -->
<div class="demos">

    <div class="divide30"></div>


    <!-- DEMO III. -->
    <div id="example3" class="showbiz-container">

    <!-- THE NAVIGATION -->
    <div class="showbiz-navigation center sb-nav-grey">
        <a id="showbiz_left_1" class="sb-navigation-left"><i class="sb-icon-left-open"></i></a>
        <a id="showbiz_play_1" class="sb-navigation-play"><i class="sb-icon-play sb-playbutton"></i><i class="sb-icon-pause sb-pausebutton"></i></a>
        <a id="showbiz_right_1" class="sb-navigation-right"><i class="sb-icon-right-open"></i></a>
        <div class="sbclear"></div>

    </div> <!-- END OF THE NAVIGATION -->

    <div class="divide20"></div>


    <!--	THE PORTFOLIO ENTRIES	-->
    <div class="showbiz" data-left="#showbiz_left_1" data-right="#showbiz_right_1" data-play="#showbiz_play_1">

    <!-- THE OVERFLOW HOLDER CONTAINER, DONT REMOVE IT !! -->
    <div class="overflowholder">
        <!-- LIST OF THE ENTRIES -->
        <ul >
            <?php
            for($i=0;$i<count($rows);$i++){
                if($i%3 == 0){$bgcolor = "greenbg";}
                if($i%3 == 1){$bgcolor = "redbg";}
                if($i%3 == 2){$bgcolor = "bluebg";}
            ?>
                <!-- AN ENTRY HERE WITH PREDEFINED MEDIA SKIN-->
                <li class="sb-media-skin">

                    <?php
                    if($show_image == 1){
                    ?>
                        <!-- THE MEDIA HOLDER -->
                        <div class="mediaholder">
                            <div class="mediaholder_innerwrap">
                                <img alt="" src="<?php echo JUri::base().substr($rows[$i] ->images,0,69)."_L.".substr($rows[$i] ->images,70,80);?>">
                            </div>
                        </div><!-- END OF MEDIA HOLDER -->
                    <?php
                    }
                    if($show_title ==1){
                    ?>
                        <!-- ANIMATED HEADING INFORMATION, ALWAYS VISIBLE -->
                        <h4 class="showbiz-title go-to-top"><div class="<?php echo $bgcolor;?>"><a href="<?php echo $rows[$i] ->link;?>"><?php echo $rows[$i] ->title;?></a></div></h4>
                    <?php
                    }
                    if($show_introtext ==1){
                    ?>
                        <!-- REVEAL CONTAINER (SINGLE MODE) -->
                        <div class="reveal_container">

                            <!-- THE REVEAL CONTENT, ONLY IN DETAIL MODE VISIBLE -->
                            <div class="reveal_wrapper">
                                <p class="p40"><?php echo $rows[$i] ->introtext;?></p>
                            </div>

                        </div><!-- END OF REVEAL CONTAINER -->


                        <!-- THE REVEAL OPEN/CLOSE BUTTON - ONLY VISIBLE ON HOVER, DEFAULT STYLE -->
                        <a class="reveal_opener show_on_hover">
                            <span class="openme">+</span>
                            <span class="closeme">-</span>
                        </a>
                    <?php
                    }
                    ?>
                </li><!-- END OF ENTRY HERE -->
            <?php
            }
            ?>
        </ul>
        <div class="sbclear"></div>
    </div> <!-- END OF OVERFLOWHOLDER -->
    <div class="sbclear"></div>
    </div>
    </div><!-- END OF DEMO III. -->

    <div class="divide20"></div>

</div> <!-- END OF DEMOS -->



<script type="text/javascript">

    jQuery(document).ready(function() {

        jQuery('#example3').showbizpro({
            dragAndScroll:"<?php if($drag_and_scroll==1){echo "on";} else echo "off";?>",
            visibleElementsArray:[3,2,1,1],
            carousel:"<?php if($carousel==1){echo "on";} else echo "off";?>",
            mediaMaxHeight:[200,260,400,200],
            rewindFromEnd:"<?php if($rewind_from_end==1){echo "on";} else echo "off";?>",
            autoPlay:"<?php if($auto_play==1){echo "on";} else echo "off";?>",
            delay:<?php echo $delay;?>,
            speed:<?php echo $speed;?>
        });

        // THE FANCYBOX PLUGIN INITALISATION
        jQuery(".fancybox").fancybox();

    });

</script>
